import "./public.css";
import React from 'react';
import ReactDOM from 'react-dom';
import "./ClassifyMusic.css";

class ClassifyName extends React.Component {
  render() {
    return (
      <div>
        <div className="classify">
          <div className="classify_box clear">
            <div className="fd fd1">
              <h3>语种</h3>
              <ul className="clear">
                <li><a href="##">国语</a></li>
                <li><a href="##">英语</a></li>
                <li><a href="##">韩语</a></li>
                <li><a href="##">粤语</a></li>
                <li><a href="##">日语</a></li>
                <li><a href="javaScript:">更多<i>></i></a></li>
              </ul>
            </div>
            <div className="fd fd2">
              <h3>流派</h3>
              <ul className="clear">
                <li><a href="##">流行</a></li>
                <li><a href="##">轻音乐</a></li>
                <li><a href="##">摇滚</a></li>
                <li><a href="##">民谣</a></li>
                <li><a href="##">R&B</a></li>
                <li><a href="##">嘻哈</a></li>
                <li><a href="##">电子</a></li>
                <li><a href="##">古典</a></li>
                <li><a href="javaScript:">更多<i>></i></a></li>
              </ul>
            </div>
            <div className="fd fd3">
              <h3>主题</h3>
              <ul className="clear">
                <li><a href="##">ACG</a></li>
                <li><a href="##">经典</a></li>
                <li><a href="##">网络歌曲</a></li>
                <li><a href="##">影视</a></li>
                <li><a href="##">KTV热歌</a></li>
                <li><a href="##">儿歌</a></li>
                <li><a href="##">中国风</a></li>
                <li><a href="##">古风</a></li>
                <li><a href="javaScript:">更多<i>></i></a></li>
              </ul>
            </div>
            <div className="fd fd4">
              <h3>性情</h3>
              <ul className="clear">
                <li><a href="##">伤感</a></li>
                <li><a href="##">安静</a></li>
                <li><a href="##">快乐</a></li>
                <li><a href="##">治愈</a></li>
                <li><a href="##">励志</a></li>
                <li><a href="##">甜蜜</a></li>
                <li><a href="##">寂寞</a></li>
                <li><a href="##">宣泄</a></li>
                <li><a href="javaScript:">更多<i>></i></a></li>
              </ul>
            </div>
            <div className="fd fd5">
              <h3>场景</h3>
              <ul className="clear">
                <li><a href="##">睡前</a></li>
                <li><a href="##">夜店</a></li>
                <li><a href="##">学习</a></li>
                <li><a href="##">运动</a></li>
                <li><a href="##">开车</a></li>
                <li><a href="##">约会</a></li>
                <li><a href="##">工作</a></li>
                <li><a href="##">旅行</a></li>
                <li><a href="javaScript:">更多<i>></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        
      </div>
      
    );
  }
}
module.exports = ClassifyName;